<header id="topbar">
    <div class="topbar-left">
        <ol class="breadcrumb">
            <li class="crumb-active">
                <a href="#op/in_app_announcement/">应用内公告弹窗</a>
            </li>
        </ol>
    </div>
    <div class="topbar-right">
        <a href="#op/in_app_announcement/add/" class="btn btn-default btn-sm light fw600 ml10"><span class="fa fa-plus pr5"></span>新增通知</a>
        <div class="ml15 ib va-m" id="toggle_sidemenu_r">
            <a href="#" class="pl5"> <i class="fa fa-sign-in fs22 text-primary"></i>
            </a>
        </div>
    </div>
</header>

<section id="content" class="animated fadeIn">
    <div class="panel overflow" >
        <table class="table table-striped fs13" id="main-list">
            <thead>
                <tr class="bg-light">
                    <th class="sortable" data-field="id">ID</th>
                    <th>标题</th>
                    <th>内容</th>
                    <th>开始时间</th>
                    <th>结束时间</th>
                    <th class="sortable" data-field="updated_at">最后更新时间</th>
                    <th>操作</th>
                </tr>
            </thead>
            <tbody class="admin-form">
                <% var moment = require('moment'); %>
                <% _.each(items, function(item){ %>
                    <tr data-id="<%= item.id %>" >
                        <td><a href="#op/in_app_announcement/<%= item.id %>/" ><%= item.id %></a></td>
                        <td><%= item.title %></td>
                        <td><%= item.content.substr(0, 15) %>...</td>
                        <td><%= moment.unix(item.start_ts).format('YYYY-MM-DD') %></td>
                        <td><%= moment.unix(item.end_ts).format('YYYY-MM-DD') %></td>
                        <td><%= item.updated_at %></td>
                        <td class="text-left">
                            <a class="glyphicons glyphicons-pencil" href="#op/in_app_announcement/<%= item.id %>/"></a>
                            <a class="glyphicons glyphicons-remove_2 delete-item" href="javascript:;"></a>
                        </td>
                    </tr>
                <%
                }) %>
            </tbody>
        </table>
    </div>

    <div><div class="pull-left" id="page-tips"></div><div id="paginator"></div></div>
</section>

